<template>
	<div>
		<div class="navserch">
			<el-input v-model="input" placeholder="请输入要搜索的内容"  class="input-with-select">			
				<el-button slot="append" icon="iconfont iconsousuo" @click="serchSubmit"></el-button>
			</el-input>
		</div>
	</div>
</template>

<script>
 import axios from 'axios'
	export default{
		name:'SerchInput',
		data(){
			return{
				input:''
			}
		},
		methods:{
			serchSubmit(){
				let serinput = this.input
				let param_type = this.$route.params.type
	       		this.$router.push({name:'Print',query:{param_type,serinput}})  		     
			}
		}
	}
</script>

<style>
.navserch{
	width: 733px;
	margin:0 auto;
}
.iconsousuo{
	font-size: 25px;
}
.navserch .el-input-group__append button.el-button{
	background: #2254E7;
	color: #fff;
	width: 80px;
	height: 50px;
	border-radius: 0 4px 4px 0;
}
.navserch input.el-input__inner{
	height: 50px;
	line-height: 50px;
	background: #F5F5F5;
	border: none;
}
.navserch input::-webkit-input-placeholder{
	font-size: 12px;
	color: #666666;
}
</style>